<!DOCTYPE html>
<html>
<head>
<title>Witkey官方网站</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="guoqinggu,bellameyuan,boatinchen,gabylu,rickycai" />
<link rel="stylesheet" href="http://im.qq.com/macqq/css/style.css?t=20120510" media="screen">
<link rel="Shortcut Icon" href="favicon.ico" />
<link rel="Bookmark" href="favicon.ico" />
<link rel="prefetch" href="http://im-img.qq.com/macqq/images/icon.png?t=20120510">
<!--[if IE]>
<script src="http://im.qq.com/macqq/js/html5.js?t=3"></script>
<![endif]-->
</head>
<body>
<script type="text/javascript">
	//SEO
	var h1 = document.getElementById("hidH1");
	var h2 = document.getElementById("hidH2");
	var h3 = document.getElementById("hidH3");

	h1.style.display = "none";
	h2.style.display = "none";
	h3.style.display = "none";
</script>
	<div id="home"></div>
<header id="top">
		<article id="naver">
			<a href="#" id="logo"></a>
			<nav id="nav">
				<a class="active" href="#home">简单介绍</a>
				<a href="#download">使用说明</a>
				<a href="#story">背后故事</a>
				<a href="#support">项目感言</a>
			  <a href="login.html">体验</a>
			</nav>
			<!-- <span style="left: 565.5px;" id="marker"></span> -->
		</article>
	</header>
	
	<section id="bannerBg">
		<ul class="bannerC" style="background-color:#FFF">
			<li class="banner1" style="z-index:1;opacity:1; ">
				<div class="banner" >
                	<img src="1.png" height="376px" width="960px" title="源自内心，回归纯粹" alt="源自内心，回归纯粹" />
				</div>
			</li>
			<li class="banner2" style="z-index:0;opacity:0;">
				<div class="banner">
					<img src="2.png" height="376px" width="960px" title="源自内心，回归纯粹" alt="源自内心，回归纯粹" />			
				</div>
			</li>
			<li class="banner3" style="z-index:0;opacity:0;">
				<div class="banner">
					<img src="3.png" height="376px" width="960px" title="纯粹、引领、趋势、梦想" alt="纯粹、引领、趋势、梦想" />
				</div>
			</li>
		</ul>
		<ul class="bannerMenu">
			<li class="on">1</li>
			<li class="">2</li>
			<li class="">3</li>
		</ul>
	</section>
	
	<section id="wrapper">
		<article id="box">
			<div class="boxL features">
				<div class="title2">
				  <h2>WitKey简介</h2></div>
				<dl>
					<dt title="当Key遇上We"><img src="1-1.png"/></dt>
				  <dd>
					<h3>当key遇上We</h3>
						当We遇上了Key就产生了WitKey，就如同iPad和iMac的相遇，产生无数智慧的组合。实现梦想，一切皆有可能！
					</dd>
				</dl>
			  <dl>
					<dt title="跨越你我之间的距离，逾越沟通的障碍"><img src="1-2.png"/></dt>
					<dd>
				    <h3>跨越你我之间的距离，逾越沟通的障碍</h3>
						Witkey让你的idea在你我之间更亲密，他将逾越鸿沟，承接友谊，擦亮思想的火花，让一切成为现实。
					</dd>
				</dl>
				<dl>
					<dt title="出色的社交平台"><img src="1-3.png"/></dt>
		    <dd>
						<h3>出色的社交平台</h3>
						我们的Witkey就是一个精致的社交平台，完备的功能，让你我和他之间能够流畅交际，跨越语言的障碍。</dd>
				</dl>
				<dl>
				  <dt title="更多功能让工作更高效，交流"><img src="1-4.png"/></dt>
				  <dd>
					<h3>更多功能让工作更高效，交流思想</h3>
					当你有一个好创意，好想法，当你有困难需要帮助，来到我们的Witkey吧，这里的所有人将倾囊相助。
				  </dd>
			  </dl>
			</div>
			<div>
				<div>
				</div>
				<div>
                </div>
				<div>
				</div>
				
			</div>
			<footer class="subFooter"><img src="http://im-img.qq.com/macqq/images/subFooter1.png?t=20120510" width="339px" height="15px" /></footer>
		</article>

		<article id="download">
			<header>
				<div><img src="5.png" width="1301px"/>
						
				</div>
			</header>
			<article>
				<h2>WitKey使用说明</h2>
				<div class="downloadIntroduction">
					<dl>
						<dt><img src="2-1.png" /></dt>
						<dd>
							<h3>初来乍到，我先注册</h3>
							首先，提交你的真实姓名，上传你的真实头像，填写相关信息，完成注册方可使用
						</dd>
					</dl>
					<dl>
						<dt><img src="2-2.png" /></dt>
						<dd>
							<h3>卡片式的任务帖和归类</h3>
							优化的卡片效果，让任务归类更加明确，精致而简洁的页面，让任务整齐划一</dd>
					</dl>
					<dl>
						<dt><img src="2-3.png" /></dt>
						<dd>
							<h3>个人空间让你的参与更加便捷</h3>
							同样简洁的个人空间，将你所发起的任务和参与的任务以及你所关心的任务高效归类
						</dd>
					</dl>
					<dl>
						<dt><img src="2-4.png"/></dt>
						<dd>
							<h3>简单快捷的页面管理</h3>
							简单高效的翻页机制，让你不再烦恼，它将自动切换页号，快速定位首页和末页。同时你也可以随心所欲的跳转页面
						</dd>
					</dl>
					<dl>
						<dt><img src="2-5.png" /></dt>
						<dd>
							<h3>贴心的Pass和Failed功能</h3>
							智能的便签，能帮助你选择哪些是你所需要的，哪些帮助是你所不需要的。同时，智能过滤将免去你的繁杂的挑选过程。
						</dd>
					</dl>
					<dl>
						<dt><img src="2-6.png"/></dt>
						<dd>
							<h3>轻松的回复</h3>
							轻松的回复功能，能让你的idea准确无误的传达。同时能及时的反馈信息，帮助你更好的完成任务或者是描述任务。
						</dd>
					</dl>
				</div>
				<footer class="subFooter"><img src="http://im-img.qq.com/macqq/images/subFooter2.png?t=20120510" width="295px" height="17px" /></footer>
			</article>
		</article>

		<article id="story">
			<header>
				<div><img src="4.png" width="1301"/></div>
			</header>
			<article>
				<h2>源自内心  回归纯粹</h2>
				<p>我们注重细节，追求精致和完美。在这个J2EE项目witkey中，我们花费了大量的时间，将我们的witkey的bug减少到最低，方便使用者能够正常流畅的使用其中所有的功能。
                同时，我们坚持无抄袭，页面上的所有包括图片，页面构建，到后台的逻辑处理和信息传递，原创率高达99.99%。我们的理念是，运用我们自己吸收和学习的技术尽可能的完成所需要的功能，并且使它们流畅地运作。</p>
				<dl>
					<dt>设计理念：<dt>
					<dd>我们创作的是一个与众不同的witkey帮助网站。在这里，你可以分享你的创意，请求身边的朋友协助你解决困难。在功能的表达上，我们摸索着全新的和每一个用户交流的方式，于是在这里的出现了一张张卡片和便签，用最纯粹的方式体现我们的智慧。</dd>
				</dl>
				<footer class="subFooter"><img src="http://im-img.qq.com/macqq/images/subFooter3.png?t=20120510" width="146px" height="13px" /></footer>
			</article>
		</article>

		<article id="support">
			<header>
				<h2>我们内心的诉说</h2>
			</header>
			<div class="boxL supportC">
				<dl>
					<dt><h3><span class="ico icoQuestions"></span>曹琛祺通过一学期J2EE的学习和实践，想说什么？</h3></dt>
					<dd>
						<P>本次j2ee的项目是第一次较大的项目，作为一个组长要合理分配所有人的任务实在不宜，由于边学边做的原因以及对项目开发流程不熟悉等原因，进度一直不快。希望在掌握了技术后，今后可以花更多的精力在项目制定和管理上，更加流畅协调的分配任务，让团队中的每一位队员都能发挥自己最大的长处，用最高的效率一起工作。</P>
					</dd>
				</dl>
				<dl>
					<dt><h3><span class="ico icoQuestions"></span>陈彦杰通过一学期J2EE的学习和实践，想说什么？</h3></dt>
					<dd>
						<P>感想
。。。。。。好多属性啊！。。。。。。好多配置文件啊！。。。。。。好多数据啊！我晕。。。又要加属性啦。。。。又要加table啦。。。。又要该类型啦。。。。哎。。。
终于写完啦。。。不记得写了什么了。。。这个函数是干嘛的呢。。。不高兴再看了。。。。但是确实学到了很多东西。应该庆祝下！
</P>
					</dd>
				</dl>
				<dl>
					<dt><h3><span class="ico icoQuestions"></span>陈全宇通过一学期J2EE的学习和实践，想说什么？</h3></dt>
					<dd>
						<P>  终于到了项目完成的时间，从对网页和J2EE什么都不知道的菜鸟，到今天完成了这样一份比较满意的项目，我们在前进的过程中大部分时间都是在学习探索，以尝试去获得经验，过程并不美丽，但我们真的学到很多。</P>
					</dd>
				</dl>
				<dl>
					<dt><h3><span class="ico icoQuestions"></span>徐本源通过一学期J2EE的学习和实践，想说什么？</h3></dt>
					<dd>
						<P>这是我第一次开发网站，有些激动，也有些迷茫。前期由于上课所学到的知识始终不能满足我们的需求。所以开学的那段时间，我花了大量的时间看了Ajax，JavaScript，Html，CSS等大量的书籍，从中熟悉我们网站相关的所有知识。随后开始了我的第一次设计之旅。由于都是第一次，所以期间很多次的迷茫，不知道应该怎样做效率最高，也不知道究竟一个合格的网页应该包含什么，甚至不知道出了那么多从来没遇到的bug该怎么解决。于是再一次又一次通宵的摸索中，我逐渐的成长了。如今回过头来看，有欢心也有伤感。我为我的第一次这么成功为喜悦，为自己学到了很多而喜悦，同时也因看到了大量的不足之处而伤感。现在我已经有信心更进一步，构建一个人性化，功能齐全的网站了！我将继续努力！</P>
					</dd>
				</dl>
			</div>
			<div class="boxR">
				<div class="rBox manual">
					<dl>
						<dt>
							<h2>Witkey</h2>
							感言收藏册
						</dt>
						<dd></dd>
					</dl>
				</div>
				<div class="rBox feedback">
					<dl>
						<dt>写在最后</dt>
						<dd>我们一起付出过程的艰辛，一起收获成功的喜悦</dd>
						<dd></dd>
					</dl>
				</div>
			</div>
			<footer class="subFooter"><img src="http://im-img.qq.com/macqq/images/subFooter4.png?t=20120510" width="295px" height="15px" /></footer>
		</article>
		<footer>
			Copyright © 2012 - 2012 Witkey. All Rights Reserved.<br/>
			我们<a href="#" target="_blank">版权所有</a>
		</footer>
	</section>
	
	

<script type="text/javascript">
//浏览器判断
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? (Sys.safari = s[1]) : 
((s = ua.match(/version.([\d.]+)/)) || (s = ua.match(/opera.([\d.]+)/))) ? Sys.opera = s[1] : 0;
if (Sys.ie && parseInt(parseFloat(Sys.ie) * 10) < 90 || parseInt(parseFloat(Sys.firefox) * 10) < 40 || parseInt(parseFloat(Sys.chrome) * 10) < 100 || parseInt(parseFloat(Sys.opera) * 10) < 116 || parseInt(parseFloat(Sys.safari) * 10) < 50){
	document.getElementById("bodyMask2").style.display = "block";
	var doc = document.documentElement;
	var body = document.body;
	document.getElementById("bodyMask2").style.height = Math.max(doc.clientHeight, body.clientHeight, doc.scrollHeight, body.scrollHeight) + 'px';
	document.getElementById("browser").style.display = "block";
	function openHtml(){
		document.getElementById("bodyMask2").style.display = "none";
		document.getElementById("browser").style.display = "none";
	}
};
</script>
<script src="http://im.qq.com/macqq/js/jquery.js?t=1.4.2" type="text/javascript" charset="utf-8"></script>
<script src="http://im.qq.com/macqq/js/jquery-ui-draggable.js?t=20120510" type="text/javascript" charset="utf-8"></script>
<script src="http://im.qq.com/macqq/js/jquery.slidy.min.js?t=20120510" type="text/javascript" charset="utf-8"></script>
<script src="http://im.qq.com/macqq/js/common.min.js?t=20120510" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
	//banner
    $("#bannerBg").Slide({
		effect : "fade",
    	speed : 700,
		timer : 5000
	});
});
</script>
<script type="text/javascript" src="http://pingjs.qq.com/tcss.ping.js"></script>
<script type="text/javascript">
if(typeof(pgvMain) == 'function')
	pgvMain();
</script>
</body>
</html>